import React, { memo, useEffect } from 'react'
import MainWrapper from '@/common/MainWrapper'
import { Col, Row } from 'antd'
import ArchivesList from '@/components/b_archives_list'
import About from '@/components/b_about'
function B_Archives(props) {
  const { userId } = props

  useEffect(() => {
    document.title = '归档'
  }, [])

  return (
    <MainWrapper>
      <Row>
        <Col
          lg={{ span: 12, offset: 3 }}
          md={{ span: 14, offset: 2 }}
          sm={{ span: 22, offset: 1 }}
          xs={{ span: 22, offset: 1 }}
        >
          <ArchivesList userId={userId} />
        </Col>
        <Col
          lg={{ span: 5, offset: 1 }}
          md={{ span: 5, offset: 1 }}
          sm={{ span: 0 }}
          xs={{ span: 0 }}
        >
          <About />
        </Col>
      </Row>
    </MainWrapper>
  )
}

export default memo(B_Archives)
